$(document).ready(function(){
// ====================================================== //

var jVal = {
	
        'login_username' : function() {
	
		$('body').append('<div id="usernameInfo" class="info"></div>');
		
		var nameInfo = $('#usernameInfo');
		var ele = $('#login_username');
		var pos = ele.offset();
		
		nameInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		if(ele.val().length < 6) {
			jVal.errors = true;
				nameInfo.removeClass('correct').addClass('error').html('&larr; at least 6 characters').show();
				ele.removeClass('normal').addClass('wrong');				
		} else {
				nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
		}
	},
        
        'login_password' : function() {
	
		$('body').append('<div id="passwordnameInfo" class="info"></div>');
		
		var nameInfo = $('#passwordnameInfo');
		var ele = $('#login_password');
		var pos = ele.offset();
		
		nameInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		if(ele.val().length < 6) {
			jVal.errors = true;
				nameInfo.removeClass('correct').addClass('error').html('&larr; at least 6 characters').show();
				ele.removeClass('normal').addClass('wrong');				
		} else {
				nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
		}
	},
	'sendIt' : function (){
		if(!jVal.errors) {
			$('form').submit();
		}
	}
};

// ====================================================== //

$('#formsubmit').click(function (){
	var obj = $.browser.webkit ? $('body') : $('html');
	obj.animate({scrollTop: $('#login').offset().top}, 750, function (){
		jVal.errors = false;
		jVal.login_username();
		jVal.login_password();
                jVal.sendIt();

	});
	return false;
});


$('#login_username').change(jVal.login_username);
$('#login_password').change(jVal.login_password);
// ====================================================== //
});